<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>设置-店员设置</title>

    <!-- Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="./../css/comm.css" rel="stylesheet">
    <link href="./../css/setting.css" rel="stylesheet">
    
    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <!-- begin header -->
    <header>
        <nav class="navbar navbar-default" >
          <ul class="nav nav-tabs nav-justified>
            <li>
              <h2>LOGO/**处方平台</h2>
            </li>
            <li><p>2018年8月20号   星期一</p></li>
            <li>
              <div class="form-group count-form">
               <!-- <div>
                  <p><img src="./../img/set-icon_03.png" alt="勋章"></p>
                </div>
                <div>
                  <p>账户：<span>VGJ5476213</span></p>
                  <p>我的会员3天后到期</p>
                </div> -->
                <p>我的会员3天后到期</p>
              </div>
            </li>
          </ul>
        </nav>
    </header>
    <!-- end header -->
    <!-- begin content -->
      <div class="content">
        <div class="row" style="margin: 0">
            <div class="col-xs-6 col-md-2">
                <ul class="setting-menus-nav">
                  <li class="active">
                    <span><img src="./../img/set-icon_07.jpg" alt=""></span>
                    <span>店员设置</span>
                    <span class="glyphicon glyphicon-plus"></span>
                  </li>
                  <li>
                    <span><img src="./../img/set-icon_10.jpg" alt=""></span>
                    <span>处方查询</span>
                  </li>
                  <li>
                    <span><img src="./../img/set-icon_13.jpg" alt=""></span>
                    <span>处方审核查询</span>
                  </li>
                  <li>
                    <span><img src="./../img/set-icon_15.jpg" alt=""></span>
                    <span>含麻登记查询</span>
                  </li>
                  <li>
                    <span><img src="./../img/set-icon_18.jpg" alt=""></span>
                    <span>门店充值</span>
                  </li>
                  <li>
                    <span><img src="./../img/set-icon_22.jpg" alt=""></span>
                    <span>药品导入</span>
                  </li>
                </ul>
            </div>
            <div class="col-xs-6 col-md-10">
				<table class="table members-table">
					<!-- <thead>
						<tr>
							<td>头像</td>
							<td>姓名</td>
							<td>性别</td>
							<td>电话</td>
							<td>身份证号</td>
							<td>登记药店</td>
							<td>登记时间</td>
							<td>操作</td>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>
								<div class="head-img">
									<img src="./../img/doctor-img.jpg" alt="头像">
								</div>
							</td>
							<td>篮子</td>
							<td>女</td>
							<td>13883562342</td>
							<td>51012199505256621</td>
							<td>华安堂建设南路店</td>
							<td>2018-6-15</td>
							<td><a href="javascript:void(0)">删除</a></td>
						</tr>
					</tbody> -->
				</table>
            </div>
          </div>
      </div>
      <!-- end content -->
      <footer>
          <nav class="navbar navbar-default" >
          <ul class="nav nav-tabs nav-justified">
            <li >
              在线问诊
            </li>
            <li>
              在线审方
            </li>
            <li>
              含麻登记
            </li>
            <li>
              会员中心
            </li>
            <li class="active">
              设置
            </li>
          </ul>
        </nav>
      </footer>

    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="../js/jquery.min.js"></script>
    <script src="../asset/js/bootstrap.min.js"></script>
    <script src="../asset/js/bootstrap-table.min.js"></script>
    <script src="../js/comm.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				<!-- 查询店员列表 -->
				$('.members-table').bootstrapTable({
							method : 'get', // 服务器数据的请求方式 get or post
							url :defaultUrl+"/web/basePersonnel/queryPersonnel", // 服务器数据的加载地址
							iconSize : 'outline',
							toolbar : '#exampleToolbar',
							striped: false, // 设置为true会有隔行变色效果
							dataType : "json", // 服务器返回的数据类型
							pagination : true, // 设置为true会在底部显示分页条
							singleSelect : false, // 设置为true将禁止多选
							pageSize : 10, // 如果设置了分页，每页数据条数
							pageNumber : 1, // 如果设置了分布，首页页码
							// search : true, // 是否显示搜索框
							showColumns : false, // 是否显示内容下拉框（选择显示的列）
							sidePagination : "server", // 设置在哪里进行分页，可选值为"client" 或者
							contentType: "application/x-www-form-urlencoded",//请求数据内容格式 默认是 application/json 自己根据格式自行服务端处理
							queryParams :function(params) {
								return {
									limit : params.limit,
									offset : params.offset
								};
							},
							columns :[
									{
										checkbox : true,
										width:'3%'
									},
									{
											field: 'associatorId',
											title: "序号",								
											width:'5%'
									},
									{
											field: 'attachmentUrl',
											title: "头像",
											formatter : function(value, row, index) {
												var e = '<img src="'+ row.attachmentUrl+'" style="width:50px;height:50px;border-radius:50%;display:block;margin:0 auto"/> ';
												return e;
											},
											width:'10%'
									},
									{
											field: 'associatorName',
											title: "用户名",								
											width:'15%'
									},
									{
											field: 'sex',
											title: "性别",
											formatter : function(value, row, index) {
												if(row.sex==0){
													return '女';
												}else if(row.sex==1){
													return '男';
												}
											},
											width:'10%'
									},
									{
											field: 'age',
											title: "年龄",
											width:'10%'
									},
									{
											field: "phone",
											title: "电话",
											width:'10%'
									},
									{
											field: "personId",
											title: "身份证",
											width:'10%'
									},
									{
										title:'操作',
										width:'15%',
									}	
									],
									onLoadSuccess: function (data) {
										myData=data.rows;
									},
									formatNoMatches: function(){
												return "没有相关的匹配结果";
										},
									formatLoadingMessage: function(){
											return "请稍等，正在加载中。。。";
									}
						});
						function reLoad() {
							$('.members-table').bootstrapTable('refresh');
						}
			})
		</script>
  </body>
</html>